<template>
  <div class="dv1">{{ message }}</div>
  <div class="dv1">{{ obj.message }}</div>
  <div class="dv2">{{ message1 }}</div>
</template>

<script setup>
import { reactive, toRef, ref } from 'vue';

let obj = reactive({ message: "这是对象obj的message属性" });
let message = toRef(obj, "message");
let message1 = ref("这是修改前message1的值");

setTimeout(() => {
  message.value = "这是修改后obj的message属性";
  message1.value = "这是修改后message1的值";
}, 5000);
</script>

<style scoped>
.dv1 {
  background-color: beige;
  font-size: 30px;
}
.dv2 {
  background-color:blue;
  font-size: 30px;
}
</style>